<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册同程旅游</title>
		<meta name="author" content="同程旅游">
		<meta name="copyright" content="同程旅游网络科技有限公司">
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
		<script src="js/jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>	
		<script src="js/register.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<h1 class="header clearfix">
			<a href="index.html">
				<img src="img/register-logo.png"/>
			</a>
			<div class="welcome">
					<h2>欢迎注册</h2>
			</div>
			<div class="login_entry">
				<p>
					已有同程账号 ? 
					<a href="login.html">登录</a>
				</p>
			</div>
		</h1>
		<div class="content">
			<div class="panel_middle step1" style="display: block;">
				<ul class="step_name clearfix">
					<li class="step_name_1">填写注册信息</li>
					<li class="step_name_2">接受并填写验证码</li>
					<li class="step_name_3">注册成功</li>
				</ul>
				<div class="step_cont_1 clearfix">
					<div class="register_wrapper">
						<form action="">
							<!--手机号-->
							<p class="register_info_line" id="telline">
								<label class="label" for="">
									<span class="requied_symbol">*</span>
									手机号码
								</label>
								<input class="input" maxlength="11" type="text" name="" id="username" value="" />
								<em></em>
								<span class="prompt"></span>
							</p>
							<!--登录密码-->
							<p class="register_info_line c_two_register_info_line" style="margin-bottom:0;">
	                            <label class="label" for="pwdOnce">
	                            	<span class="requied_symbol">*</span>
	                            	登录密码
	                            </label>
	                            <input class="input"  id="pwdOnce" maxlength="18"  type="password">
	                            <em></em>
	                            <span class="prompt" style="margin-bottom: 5px;">6-18位，区分大小写,字母、数字、特殊符号中的两种或两种以上</span>
	                        </p>
                       		 <!--安全轻度-->
                       		 <ul class="password_strength clearfix">
	                            <span>安全程度：</span>
	                            <li ><p>弱</p></li>
	                            <li ><p>中</p></li>
	                            <li><p>强</p></li>
	                        </ul>
	                        <!--确认密码-->
	                        <p class="register_info_line c_two_register_second_info_line">
	                            <label class="label" for="pwdTwice"><span class="requied_symbol">*</span>确认密码</label>
	                            <input class="input" data-prompt="" id="pwdTwice" maxlength="18" name="pwdTwice" type="password">
	                            <em></em>
	                            <span class="prompt"></span>
	                        </p>
	                        <!--图形验证阿妈-->
	                        <p class="register_info_line">
	                            <label class="label" for="verifCode">
	                            	<span class="requied_symbol">*</span>
	                            	图形验证码
	                            </label>
	                            <input class="text-box input verif_code" id="verifCode" maxlength="6"  type="text" value="">
	                            <img  alt="" class="verif_code_img" src="img/yzm1.jpg" >
	                            
	                            <span>
	                            	<span class="change_verif_code_img"  >换一张</span>
	                            	
	                            </span>
	                             <span class="prompt"></span>
                            </p>
	                            <!--联名卡-->
                            <p class="register_info_line has_co_brand_card_line">
	                            <label class="label"></label>
	                            <em class="duihao"></em>
	                            <input class="checkbox" id="lmk" name="lmk" type="checkbox" value="true">
	                            <input name="lmk" type="hidden" value="false">
	                            <input name="lmk" type="hidden" value="false">
	                            <span class="prompt">我有同程旅游合作联名卡</span>
	                        </p>
	                        <!--服务条款-->
	                        <p class="register_info_line has_read_and_agree_line">
		                        <label class="label"></label>
		                        <em class=" gou duihao"></em>  
		                        <input class="checkbox input" id="lma" name="lma" type="checkbox" value="true">
		                        <span class="has_read">我已阅读并同意<a href="javascript:void(0)">《同程旅游服务条款》</a></span>
		                        <span class="prompt"></span>
		                    </p>
		                    <!--注册-->
		                    <p class="register_info_line register_submit_btn_wrapper">
		                    	<a id="step1Submit" class="register_submit_btn" href="javascript:void(0);">同意服务条款并注册</a>
		                    </p>
						</form>
						<div class="clause">
							
						</div>
					</div>
				</div>
			</div>
			<div class="panel_middle step3 "style="display: none;">
	            <ul class="step_name clearfix">
	                <li class="step_name_1">填写注册信息</li>
	                <li class="step_name_2">接受并填写验证码</li>
	                <li class="step_name_3">注册成功</li>
	            </ul>
	            <div class="s_top clearfix">
	                <span class="s_surpicon"></span>
	                <div>
	                    <p style="font-weight:bold;" id="gongxi">恭喜 , 您已成功注册 !</p>
	                    <p>登录名为：<span class="suser_name"></span> <a id="loginBt" href="login.html">立即登录</a></p>
	                </div>
	            </div>
	            <div class="s_loads clearfix">
	                <div class="loads_left"></div>
	                <div class="loads_right">
	                    <dl>
	                        <dt>想预订，马上点击</dt>
	                        <dd>
	                            <a href="" class="s_senic" >景点</a>
	                            <a href="" class="s_flight" >机票</a>
	                            <a href="" class="s_train" >火车票</a>
	                            <a href="" class="s_hotel" >酒店</a>
	                            <a href="" class="s_surround" >周边游</a>
	                            <a href="" class="s_aborad" >出境游</a>
	                            <a href="" class="s_youlun" >邮轮</a>
	                            <a href="" class="s_guonei" >国内游</a>
	                        </dd>
	                    </dl>
	                </div>
	            </div>
	            <div class="s_tips clearfix">
	                <div class="stips_right">
	                    <h4>温馨提示：</h4>
	                    <p id="perfectData">完善个人资料，获得生日礼包<em></em><span>立即填写<i class="down_arrow"></i></span></p>
	                    <p id="submitPersonalInfoSuccess" class="submit_personal_info_success">
	                        恭喜您提交成功！
	                    </p>
	                    <p id="sign"><span>每日签到</span>，提高会员等级，享受更多优惠 <a href="">立即签到&gt;&gt;</a></p>
	                </div>
	            </div>
	        </div>
		</div>
		<div class="footer">
			Copyright © 2002-2016 版权所有 同程网络科技股份有限公司 
			<a href="" class="icp_num">苏ICP证B2-20100204</a>
		</div>
	</body>
</html>
